<el-dialog :close-on-click-modal="false"  :close-on-press-escape="false"  :title="title" class="dialogStyleBase" width="1100px" :visible.sync="boxVisible" append-to-body
  :before-close="editBoxCancel">
  <LayoutEditFormBox :loading="load">
    <template slot="main">
      <LayoutCell>
        <LayoutCellItem title="详情信息" v-if="orderData">

          <LayoutDetailGroup :gutter="20">
            <LayoutDetailItem :span="8" label="订单编号" :value="orderData.orderNo || '无'"></LayoutDetailItem>


            <LayoutDetailItem :span="8" label="买家" :value="$vFN.Utils.isEmpty(orderData.orderReceiveAddress)
              == true ? '无' : orderData.orderReceiveAddress.name">
            </LayoutDetailItem>

            <LayoutDetailItem :span="8" label="支付方式" :value='payManner(orderData.orderPayment)'>
            </LayoutDetailItem>

            <LayoutDetailItem :span="8" label="售后类型" :value='orderData.rightType ==1 ? "退款":"退货退款"'>
            </LayoutDetailItem>


            <LayoutDetailItem :span="8" label="退款渠道" :value='orderData.refundChannel ==1 ? "原路退回":"退款余额"'>
            </LayoutDetailItem>
            <LayoutDetailItem :span="8" label="订单状态" :value="orderData.orderRightsFlow.stateDesc">
            </LayoutDetailItem>
            <LayoutDetailItem :span="8" label="取消类型" :value="orderData.cancelType== 1? '客户取消':'商家拒绝' || '无'">
            </LayoutDetailItem>


          </LayoutDetailGroup>

        </LayoutCellItem>
        <LayoutCellItem title="客户信息">
          <div class="header">
            <div class="left">
              <imageBox :src="orderData.icon" width="100px" height="100px"></imageBox>
            </div>
            <div class="right">
              <div class="info">

                <LayoutDetailGroup :gutter="20">
                  <LayoutDetailItem :span="8" label="客户编号" :value="orderData.memberCode || '无'">
                  </LayoutDetailItem>
                  <LayoutDetailItem :span="8" label="客户手机号" :value="orderData.mobile || '无'">
                  </LayoutDetailItem>

                  <LayoutDetailItem :span="8" label="客户昵称" :value='orderData.nickName || "无" '>
                  </LayoutDetailItem>
                </LayoutDetailGroup>

              </div>
            </div>
          </div>
        </LayoutCellItem>
        <LayoutCellItem title="订单退货原因" v-if="orderData.orderRightsReason">
          <LayoutDetailGroup :gutter="20">
            <LayoutDetailItem :span="24" label="退款说明：" :value="orderData.orderRightsReason.rightNote || '无'">
            </LayoutDetailItem>

            <LayoutDetailItem :span="24" label="售后原因：" :value="orderData.orderRightsReason.rightReason || '无'">
            </LayoutDetailItem>


          </LayoutDetailGroup>
        </LayoutCellItem>
        <LayoutCellItem title="订单拒绝原因" v-if="orderData.orderRightsRefuseReason && orderData.rightType ==2">
          <LayoutDetailGroup :gutter="20">

            <LayoutDetailItem :span="24" label="拒绝描述：" :value="orderData.orderRightsRefuseReason.refuseReason || '无'">
            </LayoutDetailItem>


          </LayoutDetailGroup>
        </LayoutCellItem>

        <LayoutCellItem title="退货地址信息" v-if="orderData.orderRightsAddress">
          <LayoutDetailGroup :gutter="20">
            <LayoutDetailItem :span="8" v-if="orderData.orderRightsAddress && orderData.rightType == 2" label="收货人姓名"
              :value="orderData.orderRightsAddress.name || '无'">
            </LayoutDetailItem>

            <LayoutDetailItem :span="8" v-if="orderData.orderRightsAddress && orderData.rightType == 2" label="收货人电话"
              :value="orderData.orderRightsAddress.mobile || '无'">
            </LayoutDetailItem>

            <LayoutDetailItem :span="24" v-if="orderData.orderRightsAddress && orderData.rightType==2" label="详细地址"
              :value="addressName(orderData.orderRightsAddress)">
            </LayoutDetailItem>
          </LayoutDetailGroup>
        </LayoutCellItem>
        <LayoutCellItem title="退货物流信息" v-if="orderData.orderRightsLogistics">
          <LayoutDetailGroup :gutter="20">
            <LayoutDetailItem :span="8" label="物流单号" :value="orderData.orderRightsLogistics.deliveryNo || '无'">
            </LayoutDetailItem>
            <LayoutDetailItem :span="8" label="快递公司" :value="orderData.orderRightsLogistics.companyName || '无'">
            </LayoutDetailItem>
          </LayoutDetailGroup>
        </LayoutCellItem>
        <LayoutCellItem title="订单退款信息" v-if="orderData.orderRefund">
          <LayoutDetailGroup :gutter="20">
            <LayoutDetailItem :span="8" label="退款时间"
              :value="timeStampConversion(orderData.orderRefund.createdTime *1000) || '无'">
            </LayoutDetailItem>
            <LayoutDetailItem :span="8" label="退款抵扣金额" :value="orderData.returnIntegralAmount + '元' || 0">
            </LayoutDetailItem>
            <LayoutDetailItem :span="8" label="退款金额" :value="orderData.returnAmount + '元' || 0">
            </LayoutDetailItem>
            <LayoutDetailItem :span="8" label="商户退款单号" :value="orderData.orderRefund.outRefundNo || '无'">
            </LayoutDetailItem>

          </LayoutDetailGroup>
        </LayoutCellItem>
        <LayoutCellItem title="商品信息">
          <el-table :data="orderData.orderItemLst" style="width: 100%">
            <el-table-column label="商品">
              <template slot-scope="scope">
                <div class="commodity">
                  <div class="commodity_img">
                    <!-- <img :src="scope.row.albumUrl" > -->
                    <imageBox :src="scope.row.albumUrl"></imageBox>
                  </div>
                  <div class="commodity_Introduction">
                    <div class="commodity_Introduction_name">
                      {{ scope.row.productName }}


                    </div>
                    <div class="commodity_Introduction_specification">
                      规格：{{ scope.row.spData == null ? "无" :
                      JSON.parse(scope.row.spData).textString }}
                    </div>
                  </div>
                </div>
              </template>
            </el-table-column>
            <el-table-column prop="activityPrice" label="单价 (元)" width="150"></el-table-column>
            <el-table-column prop="buyNum" label="数量" width="150"></el-table-column>
            <el-table-column label="售后状态" width="150">
              <template slot-scope="scope">
                {{refundStatus(scope.row.rightStatus)}}
              </template>
            </el-table-column>
            <el-table-column prop="productAmount" label="金额" width="150"></el-table-column>
          </el-table>

        </LayoutCellItem>
        <LayoutCellItem title="售后备注" v-if="orderData.orderRightsNote">

          <LayoutDetailGroup :gutter="20">
            <LayoutDetailItem :span="24" label="备注" :value="orderData.orderRightsNote.note	 || '无'">
            </LayoutDetailItem>
          </LayoutDetailGroup>
        </LayoutCellItem>
      </LayoutCell>
    </template>
    <template slot="footer">
      <el-button v-for="(iitem, iindex) in orderData.eventList" :type="toEventData(iitem).classStyle=='m'?'primary':''"
        :key="iitem.id" @click="orderEventClick([item, iitem,'refund'])">{{ iitem.eventNote }}</el-button>
    </template>
  </LayoutEditFormBox>
</el-dialog>